<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Div+css 页面布局设计</title>
    <link rel="stylesheet" href="../css/layotu_3.css">
</head>
<body>
    <div id="container">
        <div id="header">这是头部信心区</div>
        <div id="menu">这是导航信息区</div>
        <div id="mainContent">
            <div id="sidebar">这是左侧边信息区</div>
            <div id="content">2列左侧固定右侧自适应宽度，指定宽度+头部+导航+尾部</div>
        </div>
        <div class="clearFloat"></div>
        <div id="footer">这是版权信息区</div>
    </div>
    
</body>
</html>